<template>
  <div class="bottom">
    <div class="content">
      <div>备案号：XXXXXXXXX &nbsp;&nbsp; 电话：0123-123456</div>
      <div>
        <span>联系我们</span>
        <span>合作伙伴</span>
        <span>用户协议</span>
        <span>隐私协议</span>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.bottom {
  width: 100%;
  height: 3.645vw;
  background-color: #efebeb;
  display: flex;
  justify-content: center;

  .content {
    box-sizing: border-box;
    width: 75vw; // 1440px/19.20
    height: 100%;
    padding: 0 20px;
    display: flex;
    align-content: center;
    justify-content: space-between;

    div {
      line-height: 3.645vw;

      span {
        margin: 0 5px;
      }
    }
  }
}
</style>
